﻿<Flex Gap="middle" Vertical>
    <RadioGroup @bind-Value="value">
        <Radio Value=@("horizontal")>horizontal</Radio>
        <Radio Value=@("vertical")>vertical</Radio>
    </RadioGroup>
    <Flex Vertical=@(value == "vertical")>
        @foreach (var i in Enumerable.Range(0, 4))
        {
            <div @key="i" style="@($"width:25%;height:54px; background-color: {(i % 2 == 1 ? "#1677ff" : "#1677ffbf")} ;")" />
        }
    </Flex>
</Flex>

@code {
    string value = "horizontal";
}